<script setup>

</script>

<template>
    <div class="foot-bar">
        <div class="foot-bar-inner">
            <div class="foot-left">
                <div class="foot-logo">
                    <img src="../assets/images/logo-yike.png" alt="一刻" class="img-logo" />
                    <p class="logo-name">一刻</p>
                </div>
                <p class="top-p">网站内容简介网站内容简介</p>
                <p class="top-p">网站内容简介网站内容简介网站内容简介</p>
                <p class="state"><span>声明</span><span>备案/许可证粤xxxx号</span><span>备案/许可证粤xxxx号</span></p>
            </div>
            <div class="link">
                <p class="title">链接</p>
                <div class="link-inner">
                    <a href="http://www.huohuo90.com" target="_blank" class="linkname">yike时光</a>
                    <a href="http://www.huohuo90.com" target="_blank" class="linkname">yike</a>
                </div>
            </div>
            <div class="foot-right">
                <p class="title">关注我们</p>
                <img src="../assets/images/logo-yike.png" alt="微信" class="img-pay"/>
            </div>
        </div>
    </div>
</template>

<style lang="less" scoped>
.foot-bar {
    width: 100%;
    height: 200px;
    background: @gray-1;
    padding-top: 20px;
    box-sizing: border-box;
    margin-top: 40px;

    .foot-bar-inner {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        p{
            color:rgba(255, 255, 255, 0.60);
        }
    }

        .foot-left {
            .foot-logo {
                display: flex;
                align-items: center;
                margin-bottom: 24px;
                .img-logo {
                        width: 32px;
                        height: 32px;
                        margin-right: 10px;
                        margin-left: 10px;
                    }
                .logo-name {
                    font-size: 20px;
                    color: @gray-10;
                    font-weight: 600;
                }
            }

            .top-p {
                font-size: @font-size-12;
                padding-bottom: 4px;
                width: 400px;
            }

            .state {
                font-size: @font-size-12;
                padding-top: 26px;

                span {
                    padding-right: 20px;
                }
            }


        }

        .link {
            flex: 1;
            padding-left: 50px;

            .link-inner {
                a {
                    color: rgba(255, 255, 255, 0.60);
                    padding-right: 20px;
                }
            }
        }

        .foot-right {
                .img-pay {
                    width: 100px;
                    padding-right: 40px;
                }
            
        }
}
</style>
